import './SimpleInfo.less';

import React, { SFC } from 'react';

import { IUser } from '../../../core/domain/user/User';

interface SimpleInfoProps {
    userInfo: IUser | null;
}
const SimpleInfo: SFC<SimpleInfoProps> = ({ userInfo }) => {
    return (
        <section className="user-info">
            <img className="user-info_head-img" src={userInfo?.avatarUrl} alt="" />
            <span className="user-info_nickname">{userInfo?.nickname}</span>
            <br />
            <span className="user-info_describe">{userInfo?.describe}</span>
        </section>
    );
};
export default SimpleInfo;
